<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/pay.css"/>
    <title>支付失败</title>
</head>
<body>
    <div class="header">
        <div class="top">
            <div class="w12">
                <p>欢迎来到易品益生商城！</p>
                <ul>
                    <li>
                        <a href="user.html">小**小 </a>
                        <a class="vip" href="#">VIP3</a>
                    </li>
                    <li>
                        <img src="img/idx-order.png" alt=""/>
                        <a href="order.html">我的订单</a>
                    </li>
                    <li>
                        <img src="img/idx-cart.png" alt=""/>
                        <a href="shop_cart.html">我的购物车</a>
                    </li>
                    <li>
                        <a href="#">客户服务</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="mid w12">
            <div class="logo">
                <a href="index.html"> <img src="img/logo.png" alt=""/> </a>
            </div>
            <div class="search">
				<form>
					<input type="text" value="" id="ipt" />
					<input type="submit" value="搜索" id="btn" />												
				</form>	
				<div class="history">
					<ul></ul>
				</div>
			</div>
            <div class="hotwords">
                <ul>
                    <li>
                        <a href="pro_list.html">矿泉水</a>
                    </li>
                    <li>
                        <a href="pro_list.html">饮用水</a>
                    </li>
                    <li>
                        <a href="pro_list.html">桶装水</a>
                    </li>
                    <li>
                        <a href="pro_list.html">苏打水</a>
                    </li>
                    <li>
                        <a href="pro_list.html">山泉水</a>
                    </li>
                    <li>
                        <a href="pro_list.html">矿物水</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav">
            <div class="w12">
                <div class="nav-type">
                    <div class="title">
                        <p><img src="img/iconfont.png" alt=""/>&nbsp;全部商品分类</p>
                        <div class="item">
                            <ul>
                                <li>
                                    <a href="pro_list.html" class="item-tit"><b>家装水</b></a>
                                    <a href="pro_list.html">家用饮水</a>
                                    <i>/</i>
                                    <a href="pro_list.html">桶装水</a>
                                </li>
                                <li>
                                    <a href="pro_list.html" class="item-tit"><b>瓶装水</b></a>
                                    <a href="pro_list.html">125毫升</a>
                                    <i>/</i>
                                    <a href="pro_list.html">240毫升</a>
                                </li>
                                <li>
                                    <a href="pro_list.html" class="item-tit"><b>矿泉水</b></a>
                                    <a href="pro_list.html">山中饮水</a>
                                    <i>/</i>
                                    <a href="pro_list.html">矿物水</a>
                                </li>
                                <li>
                                    <a href="pro_list.html" class="item-tit"><b>山泉水</b></a>
                                    <a href="pro_list.html">500毫升</a>
                                    <i>/</i>
                                    <a href="pro_list.html">1000毫升</a>
                                </li>
                                <li>
                                    <a href="pro_list.html" class="item-tit"><b>苏打水</b></a>
                                    <a href="pro_list.html">240毫升</a>
                                    <i>/</i>
                                    <a href="pro_list.html">500毫升</a>
                                </li>
                                <li>
                                    <a href="pro_list.html" class="item-tit"><b>桶装水</b></a>
                                    <a href="pro_list.html">2000毫升</a>
                                    <i>/</i>
                                    <a href="pro_list.html">2500毫升</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="nav-ul">
                    <ul>
                        <li>
                            <a href="index.html" class="active">商城首页</a>
                        </li>
                        <li>
                            <a href="#">最新商品</a>
                        </li>
                        <li>
                            <a href="#">热门商品</a>
                        </li>
                        <li>
                            <a href="#">推荐商品</a>
                        </li>
                        <li>
                            <a href="#">爆款推荐</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="order-pay">
            <div class="location">
                <a href="index.html">易品益生首页</a>
                <span>></span>
                <span>支付/确定订单</span>
            </div>
            <div class="steps">
                <ul>
                    <li>
                        <span><b>1</b>我的购物车</span>
                    </li>
                    <li>
                        <span><b>2</b>确认订单信息</span>
                    </li>
                    <li>
                        <span><b>3</b>支付/确定订单</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="order-information">
            <div class="tit">
                <h6>填写订单信息</h6>
            </div>
            <div class="consignee">
                <span>收货人信息</span>
                <a href="address.html">新增收货人地址</a>
            </div>
            <div class="information">
                <span>上海</span>
                <span>上海市</span>
                <span>浦东新区</span>
                <span>金桥镇</span>
                <span>上海浦东新区金桥路1399号（贾名 收）</span>
                <span>18876543210</span>
                <a href="javascript:;">默认地址</a>
            </div>
            <div class="consignee">
                <span>支付方式</span>
            </div>
            <div class="pay-method">
                <div class="method">
                    <ul>
                        <li>在线支付</li>
                        <li>货到付款</li>
                        <li>微信支付</li>
                        <li>支付宝支付</li>
                    </ul>
                    <span>更多方式 》</span>
                </div>
                <div class="more">
                    <div class="consignee">
                        <span>您可以选择支付方式</span>
                    </div>
                    <h6>网银支付</h6>
                    <ul>
                        <li>
                            <img src="img/bank1.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <img src="img/bank2.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <img src="img/bank3.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <img src="img/bank4.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <img src="img/bank5.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <img src="img/bank6.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <img src="img/bank7.jpg" alt=""/>
                            <i></i>
                        </li>
                        <li>
                            <a href="">更多银行</a>
                        </li>
                    </ul>
                    <p>关闭</p>
                </div>
            </div>
            <div class="consignee">
                <span>送货清单</span>
            </div>
            <div class="list">
                <ul>
                    <li>
                        <div class="checkbox">
                            <input type="checkbox" id="checkboxInput" name="" />
                            <label for="checkboxInput"></label>
                        </div>
                        <div class="pro-msg">
                            <a href="pro_details.html"> <img src="img/pay-pic.png" alt=""/> </a>
                            <p>
                                <span>品牌名称：Evian/依云</span>
                                <b>端午节特价超值优惠装</b>
                                <span>分类：瓶装水/500ml</span>
                                <span>产地: 法国</span>
                            </p>
                        </div>
                        <div class="discount-price">
                            <p>¥<b>39.00</b></p>
                            <span>¥<b>69.00</b></span>
                        </div>
                        <div class="num">
                            <button class="reduce">-</button>
                            <input type="text" value="1" readonly />
                            <button class="add">+</button>
                        </div>
                        <div class="rowPrice">
                            <p>¥<b>39.00</b></p>
                        </div>
                        <div class="delete">
                            <a href="javascript:;"> <img src="img/delete.png" alt=""/> </a>
                        </div>
                    </li>
                    <li>
                        <div class="checkbox">
                            <input type="checkbox" id="checkbox" name="" />
                            <label for="checkbox"></label>
                        </div>
                        <div class="pro-msg">
                            <a href="pro_details.html"> <img src="img/pay-pic.png" alt=""/> </a>
                            <p>
                                <span>品牌名称：Evian/依云</span>
                                <b>端午节特价超值优惠装</b>
                                <span>分类：瓶装水/500ml</span>
                                <span>产地: 法国</span>
                            </p>
                        </div>
                        <div class="discount-price">
                            <p>¥<b>39.00</b></p>
                            <span>¥<b>69.00</b></span>
                        </div>
                        <div class="num">
                            <button class="reduce">-</button>
                            <input type="text" value="1" readonly />
                            <button class="add">+</button>
                        </div>
                        <div class="rowPrice">
                            <p>¥<b>39.00</b></p>
                        </div>
                        <div class="delete">
                            <a href="javascript:;"> <img src="img/delete.png" alt=""/> </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="consignee">
                <span>发票信息</span>
            </div>
            <div class="msg">
                <span>给商家留言：</span>
                <textarea></textarea>
            </div>
            <div class="allInfo">
                <div class="amount-sum">
                    <span>共</span>
                    <em class="number">0</em>
                    <span>件商品</span>
                </div>
                <div class="price-sum">
                    <span>商品总价（含运费）：</span>
                    <i>￥<b>0.00</b></i>
                </div>
                <div class="discount">
                    <span>折扣：</span>
                    <b>￥<i>0.00</i></b>
                </div>
                <div class="freight">
                    <span>运费：</span>
                    <strong>￥<b>0.00</b></strong>
                </div>
                <div class="actual-payment">
                    <span>实际付款：</span>
                    <em class="allprice">￥<b>0.00</b></em>
                </div>
                <div class="btn-area">立即支付</div>
            </div>
        </div>
        <div class="mask"></div>
        <div class="pay-results failure-results">
            <div class="results-left">
                <img src="img/failure.png" alt=""/>
            </div>
            <div class="results-right pay-failure">
                <h5>订单支付失败</h5>
                <p>
                    <span>支付方式：支付宝支付</span>
                    <span>订单号：18987123456+</span>
                    <span>交易金额：<b>78.00</b>元</span>
                    <span>收货地址：上海浦东金...</span>
                </p>
                <div class="btn">
                    <a href="javascript:;" id="repay">重新支付</a>
                    <a class="order" href="order.html">查看订单</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="w12">
            <div class="top">
                <ul>
                    <li>
                        <a href="javascript:;" class="much">
                            <span></span>
                            <b>品类齐全，轻松购物</b>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="more">
                            <span></span>
                            <b>多仓直发，极速配货</b>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="well">
                            <span></span>
                            <b>质量保证，天然水质</b>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="save">
                            <span></span>
                            <b>天天低价，畅选无忧</b>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="mid">
                <div class="help-nav">
                    <h5>购物指南</h5>
                    <ul>
                        <li>
                            <a href="#">购物流程</a>
                        </li>
                        <li>
                            <a href="#">会员介绍</a>
                        </li>
                        <li>
                            <a href="#">生活旅行</a>
                        </li>
                        <li>
                            <a href="#">常见问题</a>
                        </li>
                        <li>
                            <a href="#">大桶水</a>
                        </li>
                        <li>
                            <a href="#">联系客服</a>
                        </li>
                    </ul>
                </div>
                <div class="help-nav">
                    <h5>配送方式</h5>
                    <ul>
                        <li>
                            <a href="#">上门提醒</a>
                        </li>
                        <li>
                            <a href="#">211限时达</a>
                        </li>
                        <li>
                            <a href="#">配送服务查询</a>
                        </li>
                        <li>
                            <a href="#">送水热线</a>
                        </li>
                        <li>
                            <a href="#">大桶水</a>
                        </li>
                    </ul>
                </div>
                <div class="help-nav">
                    <h5>支付方式</h5>
                    <ul>
                        <li>
                            <a href="#">货到付款</a>
                        </li>
                        <li>
                            <a href="#">在线支付</a>
                        </li>
                        <li>
                            <a href="#">微信支付</a>
                        </li>
                        <li>
                            <a href="#">支付宝</a>
                        </li>
                    </ul>
                </div>
                <div class="help-nav">
                    <h5>售后服务</h5>
                    <ul>
                        <li>
                            <a href="#">售后政策</a>
                        </li>
                        <li>
                            <a href="#">价格保护</a>
                        </li>
                        <li>
                            <a href="#">退款说明</a>
                        </li>
                        <li>
                            <a href="#">质量问题</a>
                        </li>
                        <li>
                            <a href="#">取消订单</a>
                        </li>
                    </ul>
                </div>
                <div class="help-cover">
                    <h5>易品益生覆盖区县</h5>
                    <p class="help-cover-info">易品益生已向全国2666个区县提供送货上门服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                    <p class="help-cover-more"><a href="#">产看详情</a></p>
                </div>
            </div>
            <div class="copyright">
                <ul>
                    <li>
                        <a href="#">关于我们</a>
                    </li>
                    <li>
                        <a href="#">联系我们</a>
                    </li>
                    <li>
                        <a href="#">联系客服</a>
                    </li>
                    <li>
                        <a href="#">合作招商</a>
                    </li>
                    <li>
                        <a href="#">商家帮助</a>
                    </li>
                    <li>
                        <a href="#">营销中心</a>
                    </li>
                    <li>
                        <a href="#">友情链接</a>
                    </li>
                    <li>
                        <a href="#">销售联盟</a>
                    </li>
                    <li>
                        <a href="#">隐私政策</a>
                    </li>
                    <li>
                        <a href="#">公益活动</a>
                    </li>
                </ul>
                <p>copyright © 2001 - 2017   易品益生水业版权所有</p>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery-1.11.0.js"></script>
<script src="res/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="js/history.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pay_failure.js"></script>
<script src="js/pay.js"></script>
</html>